<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电视剧</title>
    <style>
        body{
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-family: "宋体";
        }
        .main {
            width: 30%;
            border: 2px solid lightgray;
            margin-left: 200px;
        }

        div.div1 {
            border: 1px solid lightgray;
            margin: 10px;
            padding: 10px;
        }

        div.div1 input {
            outline: none;
            border: none;
        }

        div.div2_image{
            border: 2px solid lightgray;
            float: left;
            margin: 0 10px;
        }
        div.div2_text{
            margin-left: 10px;
            overflow: hidden;
        }
        .text1{
            margin: 20px 0;
            font-weight: bolder;
        }
        .text2{
            font-size: 12px;
            color: gray;
            margin-top: 5px;
            display: block;
        }
        div.flexbox{
            display: flex;
            justify-content: space-between;
            margin: 15px 0;
            color: gray;
        }
        div.footer{
            margin: 35px 10px;
        }
    </style>
</head>

<body>
    <div class="main">
        <div class="div1">
            <img src="img/1.gif" alt="">
            <input type="text" placeholder="明星剪片" style="font-weight: bolder;">
        </div>

        <div class="div2">
            <div class="div2_image">
                <img src="img/3.gif" alt="">
            </div>
            <div class="div2_text">
                <div class="text1">周秀娜荐片:让子弹飞</div>
                <span class="text2">导演：姜文</span>
                <span class="text2">主演：姜文 周润发 葛优</span>
                <span class="text2">点评：我最喜欢的要算《让子弹飞》了,超喜欢...[详情]</span>
              
            </div>
        </div>

        <div></div>
        <div class="footer">
            <div class="flexbox">
                <span>《巴别塔》：好的故事引人深思</span>
                <span>阿朵</span>
            </div>
            <div class="flexbox">
                <span>《洛杉矶之战》：外星人那么弱智？</span>
                <span>丁子俊</span>
            </div>
            <div class="flexbox">
                <span>《让子弹飞》：武侠里也可以有爱情</span>
                <span>周秀娜</span>
            </div>
            <div class="flexbox">
                <span>《剑雨》：好的故事引人深思</span>
                <span>叶年生</span>
            </div>
            <div class="flexbox">
                <span>《春风沉醉的夜晚》：非常真实</span>
                <span>如小果</span>
            </div>
            <div class="flexbox">
                <span>《克洛伊》：故事简单却细致</span>
                <span>刘若英</span>
            </div>

        </div>
    </div>
</body>
</html>